
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>CSS <span class="color_h1">尺寸 (Dimension)</span>
</h1>
<hr/>
<p class="intro">CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样，它允许你增加行间距。</p>
<hr/>
<div class="tryit_ex">
<img alt="Examples" decoding="async" height="46px" src="/images/tryitimg.gif" width="40"/><h2>更多实例</h2>
</div>
<p><a  target="_blank">设置元素的高度</a></p>
<p>这个例子演示了如何设置不同元素的高度。</p>
<p><a  target="_blank">使用百分比设置图像的高度</a></p>
<p>这个例子演示了如何使用百分比值设置元素的高度。</p>
<p><a  target="_blank">使用像素值来设置元素的宽度</a></p>
<p>本例演示如何使用像素值来设置元素的宽度。</p>
<p><a  target="_blank">设置元素的最大高度</a></p>
<p>此示例演示如何设置元素的最大高度。</p>
<p><a  target="_blank">使用百分比来设置元素的最大宽度</a></p>
<p>本例演示如何使用百分比值来设置元素的最大宽度。</p>
<p><a  target="_blank">设置元素的最低高度</a></p>
<p>此示例演示如何设置元素的最小高度。</p>
<p><a  target="_blank">使用像素值设置元素的最小宽度</a></p>
<p>这个例子演示了如何使用像素值设置元素的最小宽度。</p>
<hr/>
<h2>所有CSS 尺寸 (Dimension)属性</h2>
<table class="reference">
<tbody><tr>
<th>属性</th>
<th>描述</th>
</tr>
<tr>
<td><a >height</a></td>
<td>设置元素的高度。</td>
</tr>
<tr>
<td><a >line-height</a></td>
<td>设置行高。</td>
</tr>
<tr>
<td><a >max-height</a></td>
<td>设置元素的最大高度。</td>
</tr>
<tr>
<td><a >max-width</a></td>
<td>设置元素的最大宽度。</td>
</tr>
<tr>
<td><a >min-height</a></td>
<td>设置元素的最小高度。</td>
</tr>
<tr>
<td><a >min-width</a></td>
<td>设置元素的最小宽度。</td>
</tr>
<tr>
<td><a >width</a></td>
<td>设置元素的宽度。</td>
</tr>
</tbody></table> <div class="scroll-top"><a >返回顶部</a></div>
</div>

    </body>
    </html>
    